<template>
  <div class="content-container">
    <h3></h3>
    <p>抱歉</p>
    <p>您输入的地址没有找到或者没有权限 o(╥﹏╥)o</p>
    <div class="btn-center-box">
      <el-button type="primary" @click="back">返回</el-button>
    </div>
  </div>
</template>

<script setup lang="ts" name="notFound">
import { ElButton } from 'element-plus'
import { useRouter } from 'vue-router'
const router = useRouter()

const back = () => {
  if (window.history.length > 1) {
    router.back()
  } else {
    router.push({ name: 'Login' })
  }
}
</script>

<style lang="scss" scoped>
.content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  h3 {
    width: 3.26rem;
    height: 1.52rem;
    text-align: center;
    margin: 0 auto 0.2rem auto;
  }
  p {
    text-align: center;
    margin-top: 0.2rem;
    font-size: 0.3rem;
    cursor: default;
  }
  .btn-center-box {
    width: 1.42rem;
    height: 0.4rem;
    margin: 0.56rem auto 0 auto;
    .el-button {
      height: 100%;
      width: 0.94rem;
      text-align: center;
      display: flex;
      justify-content: center;
      // ::v-deep span{
      //   font-size:0.2rem;
      // }
    }
  }
}
</style>
